import { background, assetsPath, spineData, offset, bgmList } from '@/assets/global.ts'

const baseDir = (() => {
    const paths = window.location.href.split('/')
    paths.pop()
    return paths.join('/')
})()

const _backgroundImage = ''
const _backgroundImage2 = '/3-3/avabg.1c690af1..jpg'
const _spineDataList = [
    // 3.3版本立绘
    [
        {
            'name': '3-3/BG2',
            'pos': {
                'x': '-2%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '100%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/BG2/BG2.json',
                'atlas': '3-3/BG2/BG2.atlas',
            },
        },
        {
            'name': '3-3/BG',
            'pos': {
                'x': '-2%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '62.5%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/BG/BG.json',
                'atlas': '3-3/BG/BG.atlas',
            },
        },
        {
            'name': '3-3/qiong',
            'pos': {
                'x': 0,
                'y': '-70%',
            },
            'scale': 'auto',
            'size': {x: '31.25%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/qiong/qiong.json',
                'atlas': '3-3/qiong/qiong.atlas',
            },
        },
        {
            'name': '3-3/xing',
            'pos': {
                'x': 0,
                'y': '-56%',
            },
            'scale': 'auto',
            'size': {x: '31.25%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/xing/xing.json',
                'atlas': '3-3/xing/xing.atlas',
            },
        },
        {
            'name': '3-3/saifeier',
            'pos': {
                'x': '0%',
                'y': '-50%',
            },
            'scale': 'auto',
            'size': {x: '46.875%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/saifeier/saifeier.json',
                'atlas': '3-3/saifeier/saifeier.atlas',
            },
        },
        {
            'name': '3-3/fengjing',
            'pos': {
                'x': '0%',
                'y': '-50%',
            },
            'scale': 'auto',
            'size': {x: '46.875%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/fengjing/fengjing.json',
                'atlas': '3-3/fengjing/fengjing.atlas',
            },
        },
        {
            'name': '3-3/tx',
            'pos': {
                'x': '0%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '46.875%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/tx/tx.json',
                'atlas': '3-3/tx/tx.atlas',
            },
        },
        {
            'name': '3-3/tx2',
            'pos': {
                'x': '0%',
                'y': '-47%',
            },
            'scale': 'auto',
            'size': {x: '62.5%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/tx2/tx2.json',
                'atlas': '3-3/tx2/tx2.atlas',
            },
        },
        {
            'name': '3-3/qianjing',
            'pos': {
                'x': '-10%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '100%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/qianjing/qianjing.json',
                'atlas': '3-3/qianjing/qianjing.atlas',
            },
        },
    ],
    // 风堇
    [
        {
            'name': '3-3/BG2',
            'pos': {
                'x': '-2%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '100%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/BG2/BG2.json',
                'atlas': '3-3/BG2/BG2.atlas',
            },
        },
        {
            'name': '3-3/BG',
            'pos': {
                'x': '-2%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '62.5%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/BG/BG.json',
                'atlas': '3-3/BG/BG.atlas',
            },
        },
        {
            'name': '3-3/fejing',
            'pos': {
                'x': '23.4375%',
                'y': '-40%',
            },
            'scale': 'auto',
            'size': {x: '62.5%'},
            'initialAnimation': 'idle',
            'type': 'spine',
            'path': {
                'json': '3-3/fejing/fejing.json',
                'atlas': '3-3/fejing/fejing.atlas',
            },
        },
        {
            'name': '3-3/qianjing',
            'pos': {
                'x': '-10%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '100%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/qianjing/qianjing.json',
                'atlas': '3-3/qianjing/qianjing.atlas',
            },
        },
    ],
    // 赛飞儿
    [
        {
            'name': '3-3/BG2',
            'pos': {
                'x': '-2%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '100%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/BG2/BG2.json',
                'atlas': '3-3/BG2/BG2.atlas',
            },
        },
        {
            'name': '3-3/BG',
            'pos': {
                'x': '-2%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '62.5%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/BG/BG.json',
                'atlas': '3-3/BG/BG.atlas',
            },
        },
        {
            'name': '3-3/saife',
            'pos': {
                'x': '23.4375%',
                'y': '-40%',
            },
            'scale': 'auto',
            'size': {x: '62.5%'},
            'initialAnimation': 'idle',
            'type': 'spine',
            'path': {
                'json': '3-3/saife/saife.json',
                'atlas': '3-3/saife/saife.atlas',
            },
        },
        {
            'name': '3-3/qianjing',
            'pos': {
                'x': '-10%',
                'y': '-52%',
            },
            'scale': 'auto',
            'size': {x: '100%'},
            'initialAnimation': 'animation',
            'type': 'spine',
            'path': {
                'json': '3-3/qianjing/qianjing.json',
                'atlas': '3-3/qianjing/qianjing.atlas',
            },
        },
    ],
    // 三月七（别问为什么有个三月七）
    [
        // 这个风堇是因为单用三月七有bug，为什么我也不知道
        {
            'name': '3-3/fejing',
            'pos': {
                'x': '23.4375%',
                'y': '-40%',
            },
            'scale': 0,
            'initialAnimation': 'idle',
            'type': 'spine',
            'path': {
                'json': '3-3/fejing/fejing.json',
                'atlas': '3-3/fejing/fejing.atlas',
            },
        },
        {
            'name': '3yue7',
            'pos': {
                'x': '-5%',
                'y': '-10%',
            },
            'scale': 'auto',
            'size': {x: '75%'},
            'initialAnimation': 'idle',
            'type': 'spine',
            'path': {
                'json': '3-3/3yue7/3yue7.json',
                'atlas': '3-3/3yue7/3yue7.atlas',
            },
        },
    ],
]
const _offsetList = [
    {
        top: 40,
        left: 68,
    },
    {
        top: 40,
        left: 68,
    },
    {
        top: 40,
        left: 68,
    },
]
const _bgm = {
    name: '在黎明升起时坠落',
    src: baseDir + '/3-3/8bfe13aa5b66def3c51f2c42d1988b92_1450464533523977997.mp3',
}

bgmList.value.push(_bgm)

const options33 = [
    {
        type: 'select_kv',
        title: '选择角色',
        options: [
            {
                type: 0,
                text: '3.3 「在黎明升起时坠落」',
                value: '0',
                src: '/kv/d41d5368fbc941d3c21200e795ca30ea_4865151434033026289.jpg',
            },
            {
                type: 1,
                text: '风堇',
                value: '1',
                src: '/character/96eb9149d716ae4339c6d41119afb517.png',
            },
            {
                type: 1,
                text: '赛飞儿',
                value: '2',
                src: '/character/b6adad8ca5327d262ae769241a5212eb.png',
            },
            {
                type: 1,
                text: '三月七',
                value: '3',
                src: '/character/1fdd3378893005825667137f3a811b59.png',
            },
        ],
        callback(value: string | number) {
            console.log(value)
            spineData.value = _spineDataList[value]
            offset.value = _offsetList[value] || _offsetList[0]
            background.value = ['3', 3].includes(value) ? _backgroundImage2 : _backgroundImage
        },
    },
]

export default options33